<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>签到</title>
    <link rel="stylesheet" type="text/css" href="../../static/css/my.css">
    <link rel="stylesheet" type="text/css" href="../../static/css/bootstrap.css">

</head>

<body>
<%@include file="../Student/checkStudentLogin.jsp"%>
<%
    String studentId = (String) request.getSession().getAttribute("username");
    String studentPwd = (String) request.getSession().getAttribute("password");
%>

<div class="navbar">
    <div class="navbar-inner">
        <a class="brand" href="#" style="color: #1abc9c;">青马班</a>
        <ul class="nav">
            <li class="active"><a href="#">签到</a></li>
            <li><a href="selectCourse.jsp">课程</a></li>
            <li><a href="comment.jsp">评价</a></li>
        </ul>

    </div>
</div>
<div>
    <center>
    <img src="../../static/image/qrlogo.png">
    </center>
</div>
<div>
    <center>
    <div class="qr-btn" style="width: 200px;" node-type="qr-btn">扫码签到
        <input node-type="jsbridge" class="btn-primary" type="file" name="myPhoto" value="扫描二维码1" />
    </div>
    </center>
</div>

<div class="result-qrcode" style="text-align: center;">
</div>
<%@include file="footer.jsp"%>
<script src="../../static/js/zepto.js"></script>
<script src="../../static/js/qrcode.lib.min.js"></script>
<script src="../../static/js/qrcode.js"></script>
<script>
    //初始化扫描二维码按钮，传入自定义的 node-type 属性
    $(function() {
        Qrcode.init($('[node-type=qr-btn]'), '<%=studentId%>', '<%=studentPwd%>');
    });
</script>
</body>
<script type="text/javascript" src="../../static/js/bootstrap.js"></script>
</html>
